body {
    background-color: var(--themeColor);
}

.main {
    padding-top: 1.7rem;

    padding-bottom: 1.4rem;

    .items {
        background-color: var(--ff);
        border-radius: .16rem;
        position: relative;

        .middle {
            & > img {
                width: .4rem;
                height: .4rem;
            }

            & > span {
                font-weight: 500;
                font-size: .30rem;
                color: var(--dcl);
                margin-left: .13rem;
            }

        }

        .desc {
            font-weight: 400;
            font-size: .25rem;
            color: var(--c9);
        }

        .formal{
            font-weight: bold;
            font-size: .3rem;
            color: var(--dcl);
        }

        .piece {
            margin-bottom: .2rem;
        }

        .piece:last-child {
            margin-bottom: 0;
        }
        .status-1{
            color: var(--bd2);
        }
        .status-3{
            color: var(--bd);
        }
        .status-2{
            color: var(--succ);
        }
    }
}